*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container,hr{
    width: 1300px;
    margin: auto;
}
.clearfix:before,
.clearfix:after{
    display: block;
    clear: both;
    content: "";
}
.header-top{
    background-color: #fafafa;
    border-bottom: solid 1px #dfdfdf;
}
.header-top ul{
    list-style: none;
}
.header-top ul li{
    padding: 5px;
}
.header-top ul li a{
    font-size: 13px;
    color: #a5a5a5;
    text-decoration: none;
}

.header-top ul .g2{
    float: left;
}
.header-top ul .ig{
    float: right;
}
.header-center{
    margin-top: 26px;
    margin-bottom: 15px;
}
.header-center .logo a{
    text-decoration: none;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #0c82d9;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
}
.header-center .login input{
    width: 300px;
    height: 40px;
    padding-left: 5px;
    border: 1px solid #dfdfdf;
}
.header-center .login button{
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border: 1px solid #dfdfdf;
    vertical-align: bottom;
    border-left: 0;
}
.header-center .login a{
    text-decoration: none;
    color: #ffffff;
    background-color: #0c82d9;
    padding: 10px;
    border-radius: 1px;
}
.header-center .logo{
    float: left;
}
.header-center .login{
    float: right;
    margin-top: 10px;
}
.login input{
    position: relative;
}
.logdv .a1{
    position: absolute;
    left: 1200px;
    top: 77px;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    padding: 2px;
    background-color:#f3f3f3;
}
.logdv .a2{
    text-decoration: none;
    position: absolute;
    left: 1250px;
    color: #000000;
    top: 77px;
    font-size: 14px;
    padding: 2px;
    background-color:#f3f3f3;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color:#000;
    opacity: 1;
    background: rgba(0,0,0,0.2);
}
.swiper-pagination-bullet-active {
    color:#fff;
    background: #007aff;
}

.swiper-container img{
    width: 100%;

}

/*更改默认swiper的按钮，到右下角*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 30px;
    left: 40%;
}
.swiper-pagination-bullet{
    color: #fff;
    background: rgba(150, 150, 150, 0.69);
}
.swiper-pagination-bullet{
    width: 40px;
    border-radius: 0;
    border:1px solid #ffffff;
    line-height: 18px;

}
.swiper-pagination-bullet-active{
    background: rgba(0, 0, 0, 0.69);
}
.container::after{
    display: table;
    clear: both;
    content:"";
}
.w-3{
    width: 33.333333%;
    float: left;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
.w-3 img{
    width: 100%;
}
.w-4{
    border-right: solid 1px #dfdfdf;
}
.header{
    margin-bottom: 20px;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.main{
    background-color: #f6f6f6;
    padding-bottom: 20px;
}
.rmdp h2{
    height: 60px;
    line-height: 60px;
}
.rmdp .q50{
    width: 50%;
}
.rmdp .wbj{
    margin: 10px;
    position: relative;
    background-color: #effbff;
    border: 6px solid #ffffff;
}
.rmdp .dv{
    position: absolute;
    top: 30px;
    left: 30px;
    text-align: center;
}
.rmdp .q50 .p1{
    font-size: 20px;
    font-weight: 700;
}
.rmdp .q50 .p2{
    font-size: 12px;
    color: #b0b0b7;

}
.rmdp .q50 .p3{
    font-size: 20px;
    font-weight: 600;
    color: #ff6700;
}
.rmdp .q25{
    width: 25%;
}
.rmdp .qwe{
    background-color: #ffffff;
    margin: 10px;
    position: relative;
}
.q25 .rty{
    position: absolute;
    top:10px;
    left: 10px;
}
.q25 .p2{
    font-size: 14px;
    color: #a5a5a5;
    padding-bottom: 2px;
    padding-top: 2px;
}
.q25 .p2 a{
    text-decoration: none;
    color: #ff7e00;
}
.q25 img{
    margin-top: 82px;
}
.qq25{
    width: 25%;
}
.wbjj{
    margin: 10px;
    background-color: #f3efff;
    border: solid 6px #ffffff;
}
.rty2{
    text-align: center;
    padding-top: 76px;
}
.rty2 .p1{
    font-size: 20px;
    font-weight: 700;
}
.rty2 .p2{
    font-size: 12px;
    color: #b0b0b7;
}
.rty2 .p3{
    font-size: 20px;
    font-weight: 600;
    color: #ff6700;
}
.wbjji{
    margin: 10px;
    background-color: #ffffff;
    position: relative;
}
.wbjji img{
    margin-top: 50px
}
.wbjji .p1{

}
.wbjji .p2{
    font-size: 14px;
    color: #a5a5a5;
    padding-bottom: 2px;
    padding-top: 2px;
}
.wbjji .p3{

}
.rty3{
    position: absolute;
    top: 10px;
    left: 10px;
}
.qq25 .rty3 .p2 a{
    text-decoration: none;
    color: #ff7e00;
}
.main2{
    padding-bottom: 20px;
}
.main2 h2{
    height: 60px;
    line-height: 60px;
}
.qqq25{
    width: 25%;
}
.wwbjj{
    margin: 10px;
    background-color: #e2f9fb;
    border: solid 6px #f6f6f6;
}
.rty20{
    text-align: center;
    padding-top: 76px;
}
.rty20 .p1{
    font-size: 20px;
    font-weight: 700;
}
.rty20 .p2{
    font-size: 12px;
    color: #b0b0b7;
}
.rty20 .p3{
    font-size: 20px;
    font-weight: 600;
    color: #ff6700;
}
.wwbjj5{
    margin: 10px;
    background-color: #f6f6f6;
    text-align: center;
}
.wwbjj5 p{
    font-size: 13px;
    color: #b6b0b0;
    padding-bottom: 8px;
}
.main3{
    background-color: #f6f6f6;
    padding-bottom: 20px;
}
.main3 h2{
    height: 60px;
    line-height: 60px;
}
.tjsp .e25{
    width: 25%;
}
.zxc{
    margin: 10px;
    background-color: #fffce7;
    text-align: center;
    padding-top: 10px;
}
.zxv{
    margin: 10px;
    background-color: #ffecef;
    text-align: center;
    padding-top: 10px;
}
.zxc .p1,.zxv .p1{
    font-size: 20px;
    font-weight: 500;
}
.zxc .p2,.zxv .p2{
    font-size: 12px;
    color: #b7c0cd;
}
.zxc .p3,.zxv .p3{
    font-size: 18px;
    font-weight: 600;
    color: #ff6700;
}
.asd{
    margin: 10px;
    background-color: #ffffff;
}
.asd a{
    text-decoration: none;
    color: #ffffff;
    background-color: #ff7c44;
    padding: 3px 5px 3px 5px;
    margin-top: -30px;
    margin-right: 10px;
}
.asd .p1{
    padding-top: 32px;
    padding-left: 10px;
}
.asd .p2{
    padding-top: 2px;
    padding-left: 10px;
}
.asd img{
    margin-left: 20px;
}
.footer{
    padding-top: 30px;
    background-color: #fafafa;
}
.p25{
    width: 25%;
    padding-bottom: 30px;
}
.p25 dl{
    padding-top: 15px;
    padding-left: 5px;
}
.p25 img{
    padding-left: 65px;
}
dl{
    padding-top: 30px;
    padding-left: 100px;
}
dl dt{
    font-weight: 700;
}
dl dd{
    padding-top: 6px;
    font-size: 14px;
    color: #9fa0a0;
}
dl dd:hover{
    border-bottom: 1px solid #9fa0a0;
    cursor: pointer;
}
.er{
    text-align: center;
    padding-top: 25px;
    padding-left: 120px;
}
.er p{
    font-size: 14px;
    color: #9fa0a0;
}
.tup{
    padding-right: 75px;
    padding-top: 26px;
}
.tptp{
    padding-bottom: 25px;
}
.ll{
    padding-left: 70px;
}
.ll p{
    font-size: 12px;
    color: #939191;
}
.uhuh{
    padding-top: 10px;
}
.oop{
    padding-top: 30px;
    padding-bottom: 100px;
}
.ys{
    color: #939191;
    font-size: 25px;
}
.rng{
    position: fixed;
    width: 180px;
    top: 15.5%;
    right: -38px;
    z-index: 1;
}
.ig{
    position: fixed;
    width: 180px;
    top: 80%;
    right: -100px;
    z-index: 1;
}
.we{
    transition: all .2s linear;;
}
.we:hover{
    transform: translateY(-8px);
    box-shadow: 0 10px 20px #888888;
}
.swiper-container{
    position: relative;
}
.ignb{
    position: absolute;
    top: 0;
    z-index: 10;
    width: 183px;
    background: rgba(0,0,0,0.5);
    padding: 20px 0;
    height: 100%;
}
.ignb ul li{
    line-height: 20px;
    padding: 5px 0;
    padding-left: 25px;
    cursor: pointer;
}
.ignb ul li:hover{
    background-color: #0c82d9;
}
.ignb ul li i{
    position: absolute;
    right: 20px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.ignb ul li a {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
}
@media (max-width: 600px) {
    .swiper-slide {
        width: 100%;
    }
    .header-center .logo {
        margin-left: 10px;
    }
    .container, hr {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .header-center .login {
        display: none;
    }
    .ignb {
        display: none;
    }
    .rng {
        display: none;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 5px;
        left: 0;
    }
    .w-3 {
        width: 100%;
    }
    .rmdp .q50 {
        width: 100%;
    }
    .float-right {
        width: 100%;
         float: none;
    }
    .rmdp .dv {
        margin-top: 20px;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }
    .q25 .rty {
         position: relative;
        left: 0;
    }
    .q25 img {
         margin-top: 0;
    }
    .float-left {
         float: none;
    }
    .rmdp .q25 {
        width: 100%;
    }
    .qq25 {
        width: 100%;
    }
    .qqq25 {
        width: 100%;
    }
    .tjsp .e25 {
        width: 100%;
    }
    .asd a {
        display: none;
    }
    .p25 {
        width: 100%;
        text-align: center;
    }
    .p25 img {
        padding-left: 0;
    }
    dl {
        padding-left: 0;
        text-align: center;
    }
    .er {
        padding-left: 0;
    }
    .tup {
        padding-right: 0;
        width: 50%;
    }
    .ll {
        padding: 10px;
    }
    .logdv .a1 {
        display: none;
    }
    .logdv .a2 {
        display: none;
    }
    .rty3 {
        position: relative;
        top: 10px;
        left: 0;
    }
    .oop  img{
        display: none;
    }
    .ig {
        display: none;
    }
    .oop {
        padding: 30px 0;
    }
    .oop  span{
        display: none;
    }
}